let pickrqrContentColor = new Pickr({
	el:'#qrContentColor',
	useAsButton:false,
	disabled:false,
	comparison:true,
	default:'#000000',
	swatches:[
		'rgba(244, 67, 54, 1)',
		'rgba(233, 30, 99, 0.95)',
		'rgba(156, 39, 176, 0.9)',
		'rgba(103, 58, 183, 0.85)',
		'rgba(63, 81, 181, 0.8)',
		'rgba(33, 150, 243, 0.75)',
		'rgba(3, 169, 244, 0.7)',
		'rgba(0, 188, 212, 0.7)',
		'rgba(0, 150, 136, 0.75)',
		'rgba(76, 175, 80, 0.8)',
		'rgba(139, 195, 74, 0.85)',
		'rgba(205, 220, 57, 0.9)',
		'rgba(255, 235, 59, 0.95)',
		'rgba(255, 193, 7, 1)'
	],
	defaultRepresentation:'HEX',
	showAlways:false,
	parent:null,
	closeWithKey:'Escape',
	position:'middle',
	adjustableNumbers:true,
	components:{
		preview:true, // Left side color comparison
		opacity:true, // Opacity slider
		hue:true,     // Hue slider
		interaction:{
			hex:true,  // hex option  (hexadecimal representation of the rgba value)
			rgba:true, // rgba option (red green blue and alpha)
			hsla:true, // hsla option (hue saturation lightness and alpha)
			hsva:true, // hsva option (hue saturation value and alpha)
			cmyk:true, // cmyk option (cyan mangenta yellow key )
			input:true, // input / output element
			clear:true, // Clear button
			save:true   // Save button
		},
	},
	strings:{
		save:'确定',  // Default for save button
		clear:'取消' // Default for clear button
	}
});
let pickrqrBgColor = new Pickr({
	el:'#qrBgColor',
	useAsButton:false,
	disabled:false,
	comparison:true,
	default:'#FFFFFF',
	swatches:[
		'rgba(244, 67, 54, 1)',
		'rgba(233, 30, 99, 0.95)',
		'rgba(156, 39, 176, 0.9)',
		'rgba(103, 58, 183, 0.85)',
		'rgba(63, 81, 181, 0.8)',
		'rgba(33, 150, 243, 0.75)',
		'rgba(3, 169, 244, 0.7)',
		'rgba(0, 188, 212, 0.7)',
		'rgba(0, 150, 136, 0.75)',
		'rgba(76, 175, 80, 0.8)',
		'rgba(139, 195, 74, 0.85)',
		'rgba(205, 220, 57, 0.9)',
		'rgba(255, 235, 59, 0.95)',
		'rgba(255, 193, 7, 1)'
	],
	defaultRepresentation:'HEX',
	showAlways:false,
	parent:null,
	closeWithKey:'Escape',
	position:'middle',
	adjustableNumbers:true,
	components:{
		preview:true, // Left side color comparison
		opacity:true, // Opacity slider
		hue:true,     // Hue slider
		interaction:{
			hex:true,  // hex option  (hexadecimal representation of the rgba value)
			rgba:true, // rgba option (red green blue and alpha)
			hsla:true, // hsla option (hue saturation lightness and alpha)
			hsva:true, // hsva option (hue saturation value and alpha)
			cmyk:true, // cmyk option (cyan mangenta yellow key )
			input:true, // input / output element
			clear:true, // Clear button
			save:true   // Save button
		},
	},
	strings:{
		save:'确定',  // Default for save button
		clear:'取消' // Default for clear button
	}
});
let pickrqrBorderColor = new Pickr({
	el:'#qrBorderColor',
	useAsButton:false,
	disabled:false,
	comparison:true,
	default:'#FFFFFF',
	swatches:[
		'rgba(244, 67, 54, 1)',
		'rgba(233, 30, 99, 0.95)',
		'rgba(156, 39, 176, 0.9)',
		'rgba(103, 58, 183, 0.85)',
		'rgba(63, 81, 181, 0.8)',
		'rgba(33, 150, 243, 0.75)',
		'rgba(3, 169, 244, 0.7)',
		'rgba(0, 188, 212, 0.7)',
		'rgba(0, 150, 136, 0.75)',
		'rgba(76, 175, 80, 0.8)',
		'rgba(139, 195, 74, 0.85)',
		'rgba(205, 220, 57, 0.9)',
		'rgba(255, 235, 59, 0.95)',
		'rgba(255, 193, 7, 1)'
	],
	defaultRepresentation:'HEX',
	showAlways:false,
	parent:null,
	closeWithKey:'Escape',
	position:'middle',
	adjustableNumbers:true,
	components:{
		preview:true, // Left side color comparison
		opacity:true, // Opacity slider
		hue:true,     // Hue slider
		interaction:{
			hex:true,  // hex option  (hexadecimal representation of the rgba value)
			rgba:true, // rgba option (red green blue and alpha)
			hsla:true, // hsla option (hue saturation lightness and alpha)
			hsva:true, // hsva option (hue saturation value and alpha)
			cmyk:true, // cmyk option (cyan mangenta yellow key )
			input:true, // input / output element
			clear:true, // Clear button
			save:true   // Save button
		},
	},
	strings:{
		save:'确定',  // Default for save button
		clear:'取消' // Default for clear button
	}
});